// 表单校验
$(function() {
    console.log(11);
    // 需求1：自定义校验规则
    let form = layui.form
    form.verify({
        nickname: [/^[\S]{1,10}$/, '昵称的长度必须为1-10位，且不能出现空格']
    })
    initUserInfo()
        // 需求2：ajax获取表单数据
    function initUserInfo() {
        axios({
            url: '/my/userinfo',
            method: 'GET'
        }).then(({ data: res }) => {
            //成功回调
            console.log(res)
                // 判断是否成功
            if (res.status != 0) {
                return layer.msg(res.message)
            }
            //给表单赋值
            // form是layui里面的一个方法，form方法里面有val()这个方法，这个方法可以给表单赋值
            // 如果只写第一个值，不写object的话，就是获取对象的值，如果写对象的话，就是给表单进行赋值
            //formTest 即 class="layui-form" 所在元素属性 lay-filter="" 对应的值
            form.val("formUserInfo", res.data)

        });
    }
    // 点击重置
    $('#btnReset').on('click', function(e) {
            //阻止默认行为 
            e.preventDefault()
                // 调用函数设置表单
            initUserInfo()
        })
        // 点击提交
    $('form').on('click', function(e) {
        e.preventDefault()
        axios({
            url: '/my/userinfo',
            method: 'post',
            data: $(this).serialize()

        }).then(({ data: res }) => {
            if (res.status != 0) {
                return layer.msg(res.message)
            }
            layer.msg('恭喜你，修改信息成功')
            window.parent.getUserInfo()
        });
    })

})